$(function () {
    $.idcode.setCode(); //加载生成验证码方法

    //自定义规则
    //value 输入的内容
    // element 输入框
    $.validator.addMethod("isCheckeUname", (value, element, param) => {
        var reg = /^[a-zA-Z]\w+$/i
        return reg.test(value); //如果校验是true,就返回true,是false,就返回fasle
    })


    $.validator.addMethod("isCheckeUpwd", (value, element, param) => {
        var reg = /^\w{6,12}$/i
        return reg.test(value); //如果校验是true,就返回true,是false,就返回fasle
    })

    $.validator.addMethod("isCheckePhonenum", (value, element, param) => {
        var reg = /^1[3456789]\d{9}$/
        return reg.test(value); //如果校验是true,就返回true,是false,就返回fasle
    })

    $.validator.addMethod("isCheckeEmail", (value, element, param) => {
        var reg = /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/
        return reg.test(value); //如果校验是true,就返回true,是false,就返回fasle
    })

    
    $("form").validate({
        //规则
        rules: {
            uname: {
                required: true, //true 开启必填项
                rangelength: [6, 20],
                isCheckeUname: true, //使用自定义的规则
                //remote: "http://127.0.0.1:8080/checkUname"
            },
            upwd: {
                required: true, //true 开启必填项
                rangelength: [6, 12],
                isCheckeUpwd: true,
            },
            upwd2: {
                equalTo: "#upwd"
            },
            uphone: {
                required:true,
                rangelength:[11,11],
                isCheckePhonenum:true
            },
            checknum: {
                required: true,
            },
            uemail:{
                required:true,
                isCheckeEmail:true
            }
        },
        //消息提示
        messages: {
            uname: {
                required: "用户名必填",
                rangelength: "用户名的长度必须{0}-{1}",
                isCheckeUname: "用户名不能以数字开头",
                remote: "该用户已注册!"
            },
            upwd: {
                required: "密码不能为空",
                rangelength: "密码的长度必须{0}-{1}",
                isCheckeUpwd: '密码不合法'
            },
            upwd2: {
                equalTo: "密码不一致"
            },
            uphone: {
                required: "电话号码必填",
                rangelength: "密码的长度必须{0}",
                isCheckePhonenum: '电话号码不合法'
            },
            checknum: {
                required: "验证码必填",
            },
            uemail:{
                required:"邮箱必填",
                isCheckeEmail:"邮箱不合法"
            }
        },
        //submit
        submitHandler: function () {

            //调用返回值，返回值结果为true或者false
            var IsBy = $.idcode.validateCode();
            if (IsBy == true) {


                $.ajax({
                    url: "http://127.0.0.1:8080/api/reg",
                    type: "post",
                    data: $("form").serialize(),
                }).then((result) => {
                    if (result.status == 1) {
                        alert("注册成功");
                        window.location.href = "index.html";
                    }
                    layer.msg(result.msg);
                })

            }

            return false;
        }
    })
})
// $(function () {

//     // layer.msg("注册成功");

//     // layer.alert('内容', {
//     //     icon: 1,
//     //     skin: 'layer-ext-moon' //该皮肤由layer.seaning.com友情扩展。关于皮肤的扩展规则，去这里查阅
//     // })

//     // layer.confirm("文件字体",{按钮组},回调函数1,回调函数2)

//     layer.confirm("内容提示", {
//         btn: ["yes", "no"],
//         icon: 1,
//         skin: 'layer-ext-moon'
//     }, function (index) {
//         alert("yes");
//         layer.close(index);//关闭窗口
//     }, function () {
//         alert("no");
//     })
// })
